*{
    padding: 0;
    margin: 0;
}
.container {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
}

h2 {
    font-size: 26px;
    margin: 20px 0;
    text-align: center;
    font-family: '华文新魏';
}

.box{
    height: auto;
    width: 700px;
    margin: auto;
    text-align: center;
}
.con {
    width:800px;
    background-color: white;
    height: auto;
    margin:auto;
    padding: 38px 50px;
}
.pi{
    background-color: darkgrey;
    height: auto;
    width: 700px;
    padding: 20px 30px;
}
#mian{
    width:830px; height:100%;}
#leftBox{background:#ecf0f5;width:35px; height:100%; text-align:left; float: left;}
#test{border:1px solid #eaeaea; outline:none; width:724px; height:100%; resize: none; background: rgb(250,250,250); line-height: 24px;font-size: 14px;float: left; padding:10px 8px;  color: black; font-family: inherit; box-sizing: border-box;}
#leftNum{ height:100%; width: 100%; resize: none;outline:none; overflow-y: hidden; overflow-x: hidden; border: 0; background: rgb(247,247,247); color: #999;line-height: 24px;font-size: 14px; padding:10px 4px; text-align: right; font-weight: bold; box-sizing: border-box;}
.btn{
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn button{
    margin: 10px 20px;
    width: 90px;
    height: 30px;
    border-radius: 5px;
    border-style: none;
}
.btn button:hover{
    cursor: pointer;
    background-color: orange;
}